<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<title>理赔查询</title>
		<link rel="stylesheet" href="../css/frozen.css">
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<style type="text/css">
			.ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio) {
				width: 115px;
			}			
			.ui-form-item > .ui-select {
				margin-left: 115px;
			}
		</style>
	</head>
	<body ontouchstart>
	
		<section class="ui-container">
			<section id="tab">
				<div class="demo-item">
					<div class="demo-block">
						<div class="ui-tab">
							<ul class="ui-tab-nav ui-border-b">
								<li class="current">实时理赔</li>
								<li>过往理赔</li>
							</ul>
							<ul class="ui-tab-content" style="width:200%">
								<li>
									<div class="ui-form ui-border-t">
										<form action="#">
											<div class="ui-form-item ui-border-b">
												<label style="color: #bbbbbb;">保险类型</label>
												 <label class="ui-radio" for="radio" style="float: right;margin-top: 10px;">
            <input type="radio" name="radio" checked="checked">车险<input type="radio" name="radio" style="margin-left: 10px;">人身险
        </label>
											</div>
											<div class="ui-form-item ui-form-item-pure ui-border-b">
												<input type="text" placeholder="被保险人证件号">
											
											</div>
											<div class="ui-form-item ui-border-b">
												<label style="color: #bbbbbb;">请选择保险公司</label>
												<div class="ui-select">
													<select>
														<option selected></option>
														<option>平安保险</option>
														<option>人寿保险</option>
													</select>
												</div>
											</div>
											<div class="ui-form-item ui-form-item-pure ui-border-b">
												<input type="text" placeholder="保单号码">
											
											</div>
											<div class="ui-form-item ui-form-item-r ui-border-b">
												<input type="text" placeholder="手机号码">
												<!-- 若按钮不可点击则添加 disabled 类 -->
												<button type="button" class="ui-border-l">获取验证码</button>
										
											</div>

											<div class="ui-form-item ui-form-item-pure ui-border-tb martop10">
												<input type="text" placeholder="验证码">
											
											</div>

										</form>
									</div>
<div class="ui-btn-wrap">
			<button class="ui-btn-lg ui-btn-primary">
				查询
			</button>
		</div>
								</li>
								<li>
									<div class="ui-form ui-border-t">
										<form action="#">
											<div class="ui-form-item ui-border-b">
												<label style="color: #bbbbbb;">保险类型</label>
												 <label class="ui-radio" for="radio" style="float: right;margin-top: 10px;">
            <input type="radio" name="radio" checked="checked">车险<input type="radio" name="radio" style="margin-left: 10px;">人身险
        </label>
											</div>
											<div class="ui-form-item ui-form-item-pure ui-border-b">
												<input type="text" placeholder="被保险人证件号">
											
											</div>
											<div class="ui-form-item ui-border-b">
												<label style="color: #bbbbbb;">请选择保险公司</label>
												<div class="ui-select">
													<select>
														<option selected></option>
														<option>平安保险</option>
														<option>人寿保险</option>
													</select>
												</div>
											</div>
											<div class="ui-form-item ui-form-item-pure ui-border-b">
												<input type="text" placeholder="保单号码">
											
											</div>
											<div class="ui-form-item ui-form-item-r ui-border-b">
												<input type="text" placeholder="手机号码">
												<!-- 若按钮不可点击则添加 disabled 类 -->
												<button type="button" class="ui-border-l">获取验证码</button>
										
											</div>

											<div class="ui-form-item ui-form-item-pure ui-border-tb martop10">
												<input type="text" placeholder="验证码">
											
											</div>

										</form>
									</div>
<div class="ui-btn-wrap">
			<button class="ui-btn-lg ui-btn-primary">
				查询
			</button>
		</div>
</li>
							</ul>
						</div>
					</div>
					<script class="demo-script">
					</script>
				</div>
			</section>
		</section>
		
		<script src="../lib/zepto.min.js"></script>
		<script src="../js/frozen.js"></script>
		<script>
			(function() {
				var tab = new fz.Scroll('.ui-tab', {
					role: 'tab',
					autoplay: false,
					interval: 3000
				});
				/* 滑动开始前 */
				tab.on('beforeScrollStart', function(fromIndex, toIndex) {
					console.log(fromIndex, toIndex); // from 为当前页，to 为下一页
				})
			})();
		</script>
	</body>

</html>